<template>
  <div class="container">
    <el-image :src="src" class="img" />
  </div>
</template>

<script>
export default {
  name: 'Error',
  props: {
    src: {
      type: String,
      default: '',
    },
  },
  data() {
    return {}
  },
}
</script>

<style lang="scss" scoped>
.container {
  min-height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img {
  width: 380px;
  height: 336px;
}
.mobile {
  .container {
    min-height: 500px;
  }
  .img {
    width: 280px;
    height: 236px;
  }
}
</style>
